<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
		<meta name="format-detection" content="telephone=no" />
		<title>电表查询</title>

		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />

		<style type="text/css">
			body {
				margin: 0;
				padding: 0;
			}
			
			.header {
				width: 100%;
				background: #0c90d0;
				margin: 0;
				padding: 0;
				text-align: center;
				display: flex;
				justify-content: flex-start;
			}
			
			.header img {
				width: 0.18rem;
				height: 0.18rem;
				margin-top: 0.09rem;
				margin-left: 0.13rem;
			}
			
			.header span {
				font: 0.19rem/0.38rem "";
				color: #fff;
				margin-left: 1.08rem;
			}
			
			body h3 {
				font: 0.24rem/0.48rem "";
				color: #fff;
			}
			
			h4 {
				font: 0.15rem/0.3rem "";
				color: #373737;
			}
			
			.page_1 {
				width: 100%;
				margin-top: 30%;
			}
			
			.page_1 button {
				display: block;
				width: 1.5rem;
				margin: 0.5rem auto;
				height: 50px;
			}
			
			.smart_div {
				width: 88.2%;
				margin: 0 auto;
				margin-top: 0.01rem;
			}
			
			.smart_div td {
				text-align: center;
				/*width: 25%;*/
			}
			
			.smart_div th {
				text-align: center;
				/*width: 25%;*/
			}
		</style>
	</head>

	<body>
		<div id="showResult">
			<p>正在加载中请稍后...</p>
		</div>
		<!--<div class="header">
			<img src="img/fanhui.png" />
			<span>缴费记录</span>
		</div>-->
		<div class="smart_div">
			<table class="table table-bordered">
				<!--<caption>xxxx电表充值记录</caption>-->
				<thead>
					<tr>
						<th>状态</th>
						<th>地址</th>
						<th>时间</th>
						<th>金额</th>
					</tr>
				</thead>
				<tbody id="tbbb">

				</tbody>
			</table>

		</div>
		<div class="modal fade" id="myModal_tips" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel1">提示信息</h4>
					</div>
					<div class="modal-body" id="tips">
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>
<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Recharge_record.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
</script>